<html>
<head>
<title>登陆页面</title>





</head>






    
<body>
<img style="height: 100%; width: 100%;
    -webkit-filter: opacity(70%);
    filter: opacity(70%);"
    src="img/preview1.jpg"alt="这是一张图片">
    
    <img style="
    -webkit-filter: opacity(90%);
    filter: opacity(90%);
    position: absolute;
    height: 400px;
    top: 30%;
    width: 50%;
    left: 0;
    float: left;"
    src="img/preview1.jpg"
    alt="这是一张图片"></img>


    <div style="background-color: rgb(255,255,255);
    background-color:rgba(255,255,255,0.5);
        position: absolute;
        height: 400px;
        top: 30%;
        width: 50%;
        right: 0;">
        <span style="position:absolute; top: 10% ;left: 45%; font-weight: bold;
        font-size: 25px ">欢迎登陆</span>
        
    <form>
        <table style="width: 300px; height:200px;
        position:absolute;
        top:20%;
        left:30%;">
            <tr>
                <td>账号：</td>
                <td><input type="text" name="account"placeholder="请输入账号"></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="account"placeholder="请输入密码"></td>
            </tr>
            <tr>
                <td>账号类型：</td>
                <td>
                    <select>
                        <option value="1">学生</option>
                        <option value="2">老师</option>
                    </select>
                </select>
            </td>
            </tr>
            <tr>
                <td colspan="2">
                    <button type="submit"style="border:0;
                    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
                    background-color:rgb(255,247,250);
                    width:100px;
                    font-size:18px;
                    border-radius:10px;
                    position:absolute;
                    right:100px;
                    top:110%">
                    <a href="demo2.html">登录</a>
                    
                    </button>
                    
                </td>
            </tr>
        </table>
    </form></div>


</img>






</body>
</html>